<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>web component</title>
</head>
<body>
    <user-card
            image="https://semantic-ui.com/images/avatar2/large/kristy.png"
            name="aabb"
            email="jw@some-email.com"
    ></user-card>
    <script type="module">
       import UserCard from './modules/userCard.js';
       window.customElements.define('user-card', UserCard);
    </script>
</body>
</html>